<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	<style type="text/css">
		ul{
			/*border:2px solid red;*/
			/*第二步：去掉Ul左侧内边距*/
			padding-left:0;
			/*第四步:设置高度,黑色背景*/
			height: 35px;
			background: #000;
		}
		li{
			border:1px solid white;
			/*第一步：去掉小黑点*/
			list-style: none;
			/*第三步：li标签在一行显示，float*/
			float:left;
			/*5文字设置白色*/
			color:#fff;
			/*6 给Li标签设置宽度，高度，和ul一样高*/
			height: 35px;
			width:120px;
			/*7.文字在Li标签 水平居中，垂直居中*/
			text-align: center;
			line-height:35px;
		}

		/*=================3.2号=====================*/
		a{
			color:white;
			background: skyblue;
			/*2,给a标签设置宽高*/
			width:120px;
			height: 35px;
			/*1.转换标签类型 inline-block行内块级标签 这样才能设置宽高*/
			display: inline-block;
		}
		/*3.鼠标 悬浮 在a标签上，a标签的背景颜色，文字颜色发生改变*/
		a:hover{
			background: #fff;
			color:orange;
			font-size:20px;
			font-weight: bold;
		}
		/*======给导航条设置特效，并上传gitee，明天收作业，只收链接=========*/
	</style>
</head>
<body>
	<!-- 无序列表标签ul   -->
	<ul>
		<li>
			<a href="https://www.woyaogexing.com/" target="_blank">首页</a>
		</li>
		<li>
			<a href="https://www.woyaogexing.com/gexing/" target="_blank">签名</a>
		</li>
		<li>
			<a href="https://www.woyaogexing.com/name/" target="_blank">网名</a>
		</li>
		<li>
			<a href="https://www.woyaogexing.com/touxiang/" target="_blank">头像</a>
		</li>
		<li>
			<a href="https://www.woyaogexing.com/tupian/" target="_blank">美图</a>
		</li>
		<li>
			<a href="https://www.woyaogexing.com/shouji/" target="_blank">壁纸</a>
		</li>
		<li>
			<a href="https://www.woyaogexing.com/gongju/zhuanhuanqi.html" target="_blank">更多</a>
		</li>
	</ul>

</body>
</html>